<%--
  Created by IntelliJ IDEA.
  User: 86150
  Date: 2022/10/27
  Time: 17:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        #app {
            width: 400px;
            height: 400px;
            background-color: #ddd;
        }
    </style>
</head>
<body>
<div id="qrcode"></div>
<div id="app"></div>

<script src="${pageContext.request.contextPath}/static/jquery-3.6.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/jquery.qrcode.min.js"></script>
<script>

    var url="https://www.baidu.com";
    //使用canvas生成
    $('#qrcode').qrcode({
        render: "canvas",
        text: url
    });

</script>
</body>
</html>